<template>
<highlightjs language="JavaScript" highlightAuto top :code="code" />
</template>
<script>
export default {
  setup () {
    const code = `
    const map = ref(null)
    map.value = new Map({
      target: 'map', // 视图容器id
      layers: [
        new Tile({
          source: new OSM() // 图层数据源
        })
      ],
      view: new View({
        // 地图视图
        projection: 'EPSG:4326', // 坐标系，有EPSG:4326和EPSG:3857
        center: [116.41400, 39.91500], // 北京坐标
        minZoom: 1, // 地图缩放最小级别
        zoom: 12 // 地图缩放级别（打开页面时默认级别）
      })
    })
    `
    return {
      code
    }
  }
}
</script>
